<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.bg{
				width: 800px;
				height:35px;
				background: gray;
			}
			li{
				list-style: none;
				float:left;
				border:1px solid red;
				height: 33px;
				padding:0 10px;
				text-align: center;
				line-height: 35px;
				margin:0;padding:0;
			}
			ul{float:right;margin:0;padding:0;}
			.left{
				float:left;
				width:100px;
				height: 35px;
				background: blue;
			}
		</style>
	</head>
	<body>
		<div class="bg">
			<div class="left"></div>
			
			<ul class="nav"><li>首页</li>
			<li>首页首页</li>
			<li>首页首页</li>
			<li>首页首页首页首页首页</li>
			<li>首页首页首页首页</li>
			<li>首页首页</li></ul>
		</div>
	</body>
</html>
